import style from './style.module.scss'
import { HeartFill } from 'antd-mobile-icons'
import {useState} from "react"
const { wishBox, picBox, comBox, bigBox, userNamep } = style
import Bottom from '../../components/bottom'
const Wish = () => {
  const [height, setHeight] = useState(64)

  return <div className={bigBox} onWheel={(e) => {
    if (e.deltaY > 0) {
      setHeight(0)
    } else {
      setHeight(64)
    }
  }}>
    <div className={wishBox}>
      <h1>发现世界</h1>
      <div className={comBox}>
        <div className={picBox}>
          <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
          <p>英国·Elgol</p>
          <section>一切都棒极了，房间舒适卫生房东热情好客</section>
          <div className={userNamep}>
            <div style={{ display: 'flex', alignItems: 'center' }}>
              <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
              <span>Ruiquan</span>
            </div>
            <HeartFill />
          </div>
        </div>
        <div className={picBox}>
          <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
          <p>英国·Elgol</p>
          <section>一切都棒极了，房间舒适卫生房东热情好客</section>
          <div className={userNamep}>
            <div style={{ display: 'flex', alignItems: 'center' }}>
              <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
              <span>Ruiquan</span>
            </div>
            <HeartFill />
          </div>
        </div>
        <div className={picBox}>
          <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
          <p>英国·Elgol</p>
          <section>一切都棒极了，房间舒适卫生房东热情好客</section>
          <div className={userNamep}>
            <div style={{ display: 'flex', alignItems: 'center' }}>
              <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
              <span>Ruiquan</span>
            </div>
            <HeartFill />
          </div>
        </div>
        <div className={picBox}>
          <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
          <p>英国·Elgol</p>
          <section>一切都棒极了，房间舒适卫生房东热情好客</section>
          <div className={userNamep}>
            <div style={{ display: 'flex', alignItems: 'center' }}>
              <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
              <span>Ruiquan</span>
            </div>
            <HeartFill />
          </div>
        </div>
        <div className={picBox}>
          <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
          <p>英国·Elgol</p>
          <section>一切都棒极了，房间舒适卫生房东热情好客</section>
          <div className={userNamep}>
            <div style={{ display: 'flex', alignItems: 'center' }}>
              <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
              <span>Ruiquan</span>
            </div>
            <HeartFill />
          </div>
        </div>
        <div className={picBox}>
          <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
          <p>英国·Elgol</p>
          <section>一切都棒极了，房间舒适卫生房东热情好客</section>
          <div className={userNamep}>
            <div style={{ display: 'flex', alignItems: 'center' }}>
              <img src="https://t7.baidu.com/it/u=190389935,2049892857&fm=193&f=GIF" alt="" />
              <span>Ruiquan</span>
            </div>
            <HeartFill />
          </div>
        </div>






      </div>

    </div>


    <Bottom index={2}  height={height}></Bottom>
  </div>
}
export default Wish